<template>
  <div>
    <sui-container style="padding: 50px">
      <h2 is="sui-header">
        Popup
        <a href="http://localhost:8080/" is="sui-button" style="float: right ">主页</a>
      </h2>
      <sui-divider/>
      <sui-popup>
        <sui-popup-header>Hi</sui-popup-header>
        <sui-popup-content>Girl</sui-popup-content>
        <sui-image
          slot="trigger"
          centered
          rounded
          size="small"
          src="https://semantic-ui-vue.github.io/static/images/avatar/large/kristy.png"
        />
      </sui-popup>
      <sui-popup content="Add users to your feed">
        <sui-button icon="add" slot="trigger" />
      </sui-popup>
    </sui-container>
  </div>
</template>

<script>
export default {
  name: 'Popup'
}
</script>

<style scoped>

</style>
